<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>查询工具</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript">
        addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
        function hideURLbar(){ window.scrollTo(0,1); }
    </script>
    <!-- //for-mobile-apps -->
    <!-- js -->
    <script src="/mobel/js/jquery-1.11.1.min.js"></script>
    <!-- //js -->
    <link href="/mobel/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
    <script src="/mobel/js/easyResponsiveTabs.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#horizontalTab').easyResponsiveTabs({
                type: 'default', //Types: default, vertical, accordion
                width: 'auto', //auto or any width like 600px
                fit: true   // 100% fit in a container
            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#a").click(function(){
                $("#if1",parent.document.body).attr("src",'query?id=${id}')
            });
            $("#b").click(function(){
                $("#if1",parent.document.body).attr("src",'baoxiu?id=${id}')
            });
            $("#c").click(function(){
                $("#if1",parent.document.body).attr("src",'weixiu?id=${id}')
            });
            $("#d").click(function(){
                $("#if1",parent.document.body).attr("src",'record?id=${id}')
            });
        });
    </script>
</head>
<body>

<div class="main">
    <div class="w3l_main_grid">
        <div class="w3l_main_grid2">
            <div class="sap_tabs">
                <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">

                    <#--内嵌页面-->
                    <div class="resp-tabs-container">
                        <div id='dv' class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
                            <iframe id='if1' src="query?id=${id}" width="100%" height="400px"></iframe>
                        </div>
                    </div>


                    <#--底部按钮-->
                    <ul class="resp-tabs-list">
                        <li id='a' class="resp-tab-item" aria-controls="tab_item-1" role="tab">
                            <h2><span class="w3ls_figure"> </span></h2>
                        </li>

                        <#if status == "正常" >
                            <li id='b' class="resp-tab-item" aria-controls="tab_item-2" role="tab">
                                <span class="w3ls_figure1"> </span>
                            </li>
                        <#else>
                            <li id='c' class="resp-tab-item" aria-controls="tab_item-3" role="tab">
                                <span class="w3ls_figure2"> </span>
                            </li>
                        </#if>

                        <li id='d' class="resp-tab-item" aria-controls="tab_item-4" role="tab">
                            <span class="w3ls_figure3"> </span>
                        </li>
                        <div class="clear"> </div>
                    </ul>


                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>